<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@	taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:url var="baseURI" value="/" />
<!-- 各个Tab页的主页url -->
<c:url var="home" value="/home/index.do" />
<c:url var="choice" value="/choiceLib/choiceList.do" />
<c:url var="question" value="/questionLib/questionList.do" />
<!-- 退出系统 -->
<c:url var="logout" value="/login/logout.do" />
<c:url var="login" value="/login/toLogin.do" />
<!-- 考试截止时间 -->
<c:url var="endTime" value="/config/getEndTime.do" />
<!-- 更新试卷状态 -->
<c:url var="updatePaperState" value="/studentPaper/updateState.do" />
<!-- 提交试卷 -->
<c:url var="submitPaper" value="/studentPaper/submitPaper.do" />

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>主页</title>
	<!-- 引入外部CSS -->
	<link rel="stylesheet" type="text/css" href="${baseURI}resources/easyui/themes/metro-green/easyui.css" />
	<link rel="stylesheet" type="text/css" href="${baseURI}resources/easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="${baseURI}resources/css/system.css" />
	<!-- 引入外部JS -->
	<script type="text/javascript" src="${baseURI}resources/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="${baseURI}resources/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="${baseURI}resources/js/common.js"></script>
	<script type="text/javascript" src="${baseURI}resources/js/myeasyui.js"></script>
	<script type="text/javascript" src="${baseURI}resources/js/easyui_ext.js"></script>
	<script type="text/javascript" src="${baseURI}resources/assert/jquery.countdown.js"></script>
	<!-- 静态引入JS文件 -->
	<script type="text/javascript"><%@include file="index.ui.js"%></script>
</head>

<body class="easyui-layout">
	<!-- 上：Banner展示 -->
	<div data-options="region:'north'" style="height: 50px;padding: 10px;">
		<div style="float: right;">
			<span>当前用户:${student.account}</span>
		</div>
		<div style="text-align: center; font-size: 20px;">MyExam在线考试系统</div>
	</div>
	
	<!-- 左：倒计时和按钮 -->
	<div data-options="region:'west', title:'操作面板'" style="width:220px;padding:10px;">
		<div id="countdown" style="margin-top: 10px; font-size: 13px;">
			距考试结束时间还有：${totalTime}分钟
		</div>
		<div id="operation" style="margin-top: 10px;">
			<a href="javascript:;" style="width:100%; height: 30px; margin-top: 20px;">开始考试</a>
			<a href="javascript:;" style="width:100%; height: 30px; margin-top: 20px;">提交试卷</a>
			<a href="javascript:;" style="width:100%; height: 30px; margin-top: 20px;">退出系统</a>
		</div>
		<div class="easyui-calendar" style="width:100%; margin-top: 80px;"></div>
	</div>
	
	<!-- 中：明细展示（选项卡风格） -->
	<div data-options="region:'center'">
		<div id="tabs_stuIndex" class="easyui-tabs">
			<div title="首页" data-options="href:'${home}', selected:true" style="padding:10px"></div>
			<div title="选择题" data-options="href:'${choice}'" style="padding:10px"></div>
			<div title="问答题" data-options="href:'${question}'" style="padding:10px"></div>
		</div>
	</div>
	
	<!-- 下：Footer展示 -->
	<div data-options="region:'south'" style="height: 30px;">
		<div style="color: #CC99FF; padding-top: 2px; text-align: center; font-size: 13px;">
			&copy; 版权所有
			<a href="javascript:;" title="在线考试系统">MyExam</a>
			(推荐火狐浏览器，获得更快响应速度) 技术支持:
			<a href="javascript:;" title="邮箱">m18796827019@163.com</a>
		</div>
	</div>
</body>
</html>